import Vue from 'vue'
import App from './App.vue'
// 引入移动端布局的下载的插件 amfe-flexible
// 作用将当前视口的尺寸除以10的值设置为html 标签的font_-size的大小(也就是rem单位)
import 'amfe-flexible'
// 引入重置样式表,来重置样式  注意这种没有名字

import '@/assets/css/reset.css'
// 引入 less插件 可以实现css样式的嵌套写法,可以更好的书写css样式
import less from "less"
Vue.use(less)
// 引入vant UI组件库 (全部导入)
import Vant from 'vant';
import 'vant/lib/index.css';
Vue.use(Vant);
// 导入axios的文件
import instance from "@/utils/request"
Vue.use(instance)

// 导入路由的配置,并将路由挂载到
import router from "@/router/index"




// 图片懒加载的使用  第一步导入第三方的图片懒加载的插件
import Lazyload from "vue-lazyload";
// 第二步使用Vue.use(Lazyload,{配置项}) 来挂载,使其所有的组件都可以使用
Vue.use(Lazyload,{
  loading: require('./assets/image/dongtu.gif'),  //引入懒加载时显示的加载的动图
})




Vue.config.productionTip = false

// 使用全局的过滤器  Vue.filter("定义的属性",(传递进来的参数)=>{return `模板拼接`})
Vue.filter('formarMoney',(val)=>{
return `￥${val.toFixed(2)}元`
})



// 在main.js文件中
// 图片懒加载的设置
// import {Lazyload} from 'vant'
// Vue.use(Lazyload, {
//   lazyComponent: true,
// });


new Vue({
  render: h => h(App),
  // 将引进来的路由挂载到main的根实例上,实现让所有的组件都可以使用
  router
}).$mount('#app')
